<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>login</title>
		<link rel="stylesheet" type="text/css" href="css/login.css" />
		<script type="text/javascript" src="js/divControl.js" ></script>
	</head>

	<body>
		
		<div id="login">
			<div class="higher_login" style="visibility:hidden" id="higher_login">
				<form action="#" method="post" autocomplete="off" class="login_form">
					<fieldset>
						<legend>
							<span>社团上级登录</span>
						</legend>
						<section>
							<label for="user_name">用户名</label>
							<input type="text" id="user_name" name="user_name" placeholder="你的用户名" required="required" oninvalid="setCustomValidity('请填写用户名');" oninput="setCustomValidity('');" title="请输入用户名"/>
						</section>
						<section>
							<label for="pass_word">密码</label>
							<input type="password" name="pass_word" id="pass_word" maxlength="20" placeholder="你的密码" required="required" oninvalid="setCustomValidity('请填写密码');" oninput="setCustomValidity('');" title="请输入密码"/>
							<p class="direction">用户名或者密码错误</p>
						<p id="forget_pw"><a href="#">忘记密码</a></p>
						</section>
						<section>
							<input type="button" value="取消" onclick="ShowHello('lower_login','higher_login')"/>
							<input type="submit" value="登陆"/>
						</section>
					</fieldset>
				</form>
			</div>
			<div class="lower_login" style="display: none;" id="lower_login">
				<form action="#" method="post" autocomplete="off" class="login_form">
					<fieldset>
						<legend>
							<span>社团负责人登录</span>
						</legend>
						<section>
							<label for="user_name">用户名</label>
							<input type="text" id="user_name" name="user_name" placeholder="你的用户名" required="required" oninvalid="setCustomValidity('请填写用户名');" oninput="setCustomValidity('');" title="请输入用户名"/>
						</section>
						<section>
							<label for="pass_word">密码</label>
							<input type="password" name="pass_word" id="pass_word" maxlength="20" placeholder="你的密码" required="required" oninvalid="setCustomValidity('请填写密码');" oninput="setCustomValidity('');" title="请输入密码"/>
							<p class="direction">用户名或者密码错误</p>
						<p id="forget_pw"><a href="#">忘记密码</a></p>
						</section>
						<section>
							<input type="button" value="取消" onclick="ShowHello('lower_login','higher_login')"/>
							<input type="submit" value="登陆"/>
						</section>
					</fieldset>
				</form>
			</div>
			<div class="choose_btn">
				<input type="button" value="社团上级入口" onclick="Layer_HideOrShow('higher_login','lower_login')"/>
				<input type="button" value="社团负责人入口" onclick="Layer_HideOrShow('lower_login','higher_login')"/>
			</div>
		</div>
	</body>

</html>